<!--
  Generated template for the MyFavPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>我 的 收 藏</ion-title>

  </ion-navbar>

</ion-header>


<ion-content>
  <ng-container *ngIf="goodsList">
    <ul class="goods_list">
      <li *ngFor="let item of goodsList" (click)="goGoodsDetail(item.goods_id)">
        <image [src]="item.pic_cover_mid" alt=""></image>
        <div>
          <p class="name">{{item.goods_name}}</p>
          <p class="note">
            <span class="hot" *ngIf="item.is_hot == 1">热销</span>
            <span class="rec" *ngIf="item.is_recommend == 1">推荐</span>
            <span class="new" *ngIf="item.is_new == 1">精品</span>
          </p>
          <p class="price">
            <span>¥ {{item.price}}</span>
            <span>¥ {{item.market_price}}</span>
          </p>
          <p class="star">
              <star [stars]="item.star/item.evaluates"></star>
              <span> {{item.evaluates}} 评论</span>
              <span> {{item.sales}} 购买 </span>
              <span> {{item.clicks}} 点击 </span>
              <span> {{item.collects}} 收藏 </span>
          </p>
          <ion-icon name="md-cart"></ion-icon>
        </div>
      </li>
    </ul>
  </ng-container>
  <ng-container *ngIf="!goodsList">
    <p class="no_data">
      没有数据哦
    </p>
  </ng-container>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
